<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
  服务器端与客户端进行数据交互时，可以使用cookie,每次请求访问数据时，都会带上cookie值的
  在控制台的Network处 Request Headers => Cookie 可以查看cookie的值
-->
</body>
<script>
  "use strict"; {
    // 存储cookie值(cookie并不会删除前面的值)
    document.cookie = "hello word";
    document.cookie = "age=10";
    console.log(`cookie`, document.cookie);
  }; {
    // 获取到cookie的值
    let get_cookie = (key) => {
      let start = document.cookie.indexOf(`${key}=`);
      let value;
      if (~start) {  //查找到了该值的开头了
        let end = document.cookie.indexOf(`;`, start); //查找以;结束的位置
        if (~end) end = document.cookie.length; //若没有;时，则直接拿到整个的长度
        value = document.cookie.(start, end);
      };
      return value;
    };
  };
</script>

</html>